import BasicLayout from "@/layouts/BasicLayout";
import type { RouteRecordWithMenuItem } from "@/router/types";
import PageAbout from "@/views/about";
import { MailOutlined } from "@ant-design/icons";

const route: RouteRecordWithMenuItem = {
  path: "/about",
  key: "/about",
  label: "关于页面",
  sort: -1,
  icon: <MailOutlined />,
  element: <BasicLayout />,
  children: [
    {
      key: "",
      label: "",
      /**
       * 当前index属性由于使用在了 menu 组件中，当前组件的一个属性去使用，然后报一个React相关的小错误。解决方案：
       *  1. 不使用 boolean 值，改为 1 or 0
       *  2. 我们后续会将有 index 配置项的路由给过滤掉再传递给 menu 组件中，所以不会有问题
       */
      index: true, // 默认子路由，当 /about 时，能匹配到这条
      element: <PageAbout />,
    },
  ],
};

export default route;
